window.addEventListener('load',function(){
    // 1.滚动隐藏,出现
    let returnTop=document.getElementById('returnTop');
    window.addEventListener('scroll',function(){
        let sTop=document.documentElement.scrollTop;
        // 判定
        if(sTop>=300){
            returnTop.style.display='block'
        }else{
            returnTop.style.display=''
        }
    })
    // 2.点击返回顶部
    // 开启全局变量
    let timeId=null;
    // 注册returntop点击事件
    returnTop.addEventListener('click', function () {
        // 把所有定时器都清楚掉
        window.clearInterval(timeId);   
        // 开启定时器,让滚动条慢慢回到顶部
        timeId = window.setInterval(function () {
            // 获取当前滚动条距离顶部的距离
            let sTop = document.documentElement.scrollTop;
            console.log(sTop);
            // 在原来基础上,进行递减   如:1000
            document.documentElement.scrollTop = sTop - 30;
            // 判定 如果当前滚动条已经到达最顶部时,清除定时器
            if (sTop <= 0) {
                window.clearInterval(timeId);
            }
        }, 10)
    })
    
})